<template>
	<view v-if="show" class="unio2o-qrcode bg-w">
		<view class="unio2o-qrcode-main pd40">
			<view class="flex end">
				<image @click="closed" class="closed-img" :src="''"></image>
			</view>
			<view class="mt30 flex center">
				<view class="unio2o-qrcode-box text-center">
					<image :src="''"></image>
					<view class="mt40 ft16 text-main">请出示二维码给商家扫码核销</view>
				</view>
			</view>
			<view class="text-center ft16 text-info mt240">
				有效期：2分钟
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			show:{
				type:Boolean,
				default:false
			}
		},
		data(){
			return {
				
			}
		},methods:{
			closed(){
				this.$emit('closed',true);
			}
		}
	}
</script>

<style>
.unio2o-qrcode{
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100%;
	z-index: 200;
}
.unio2o-qrcode .closed-img{
	width: 88rpx;
	height: 88rpx;
}
.unio2o-qrcode-main{
	position: absolute;
	top:50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
}
.unio2o-qrcode-box{
	width:630rpx;
	height:720rpx;
	background:#FFFFFF;
	border-radius:16rpx;
	border:2rpx solid #E8E8ED;
	padding: 80rpx;
}
.unio2o-qrcode-box image{
	width: 470rpx;
	height: 470rpx;
}
</style>